<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title>Đăng nhập</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection" content="telephone=no" />
       <link rel="Shortcut Icon" href="<?php echo site_url();?>assets/images/favicon.ico" type="image/x-icon" />
        <link href="<?php echo site_url() ?>assets/css/normalize.min.css?mtime=1414617450" media="all" rel="stylesheet" type="text/css" />
        <link href="<?php echo site_url() ?>assets/css/minified/dashboard_login.css?mtime=1414617449" media="all" rel="stylesheet" type="text/css" />
        <link href="<?php echo site_url() ?>assets/css/minified/login_promo.css?mtime=1423860883" media="all" rel="stylesheet" type="text/css" />
        <link href="<?php echo site_url() ?>assets/css/minified/login.css" rel="stylesheet" type="text/css" />    
        <style>
            .error_login p{
                margin-top:-22px !important;
            }
        </style>
    </head>

    <body>

        <div id="container">

            <header id="masthead">
                <div id="masthead-content">
                    <a href="<?php echo site_url() ?>"><img alt="Wicity" src="<?php echo site_url() ?>assets/images/wicity.png" width="152" /></a>
                </div>
            </header>

            <div id="content" role="main">

                <!--[if lte IE 8 ]>
                <div style="border: 1px solid rgb(204,153,153); padding: 0.5em; background-color: rgb(204,0,0); color: rgb(255,255,255); margin-right: 10px; width:945px;">
                  <div style='padding-top:0.5em'>
                    Some features of Meraki Dashboard require a <a href="http://www.browsehappy.com" target="_blank">newer browser</a>.
                  </div>
                </div><br />
                <![endif]-->

                <div id="login-box" class="clearfix">
                    <h1>Đăng nhập</h1>

                    <div id="login_form" class="formarea shortform clearfix">
                        <noscript>
                        <div id="javascript_failure_container" class="notice_explanation_container">
                            <div class="notice_explanation bad">Your browser must have Javascript enabled to use Dashboard.</div>
                        </div>
                        <div style='clear:both'>&nbsp;</div>
                        </noscript>
                        <div id="cookie_failure_container" style='display:none'></div>




                        <form action="" method="post">
                            <div style="margin:0;padding:0;display:inline">
                                <input name="authenticity_token" type="hidden" value="" />
                            </div> 

                            <label id="label_for_email">
                                <span>Tên tài khoản</span>
                                <input class="txt_inpt" id="email" maxlength="128" name="username" type="text" />
                            </label>
                            <span class="error_login" ><?php echo form_error('username'); ?> </span>
                            <label id="pass">
                                <span>Mật khẩu</span>
                                <input class="txt_inpt" id="password" name="password" type="password" value="" />
                            </label>
                            <span class="error_login" ><?php echo form_error('password'); ?> </span>
                            <?php if(isset($error)) { ?>
                            <div style="margin-top:-22px;margin-bottom: 15px">
                               <?php echo $error;?> 
                            </div>   
                            <?php } ?>    
                            <div id="formarea-buttons">
                                <input id="commit" type="submit" name="commit" value="Đăng nhập">
                                <label id="remember">
                                    <input id="remember_user" name="remember_user" style="vertical-align:middle" type="checkbox" value="1" />
                                    <span style="vertical-align:middle">&nbsp;Ghi nhớ</span>
                                </label>

                                <input type="hidden" name="goto" value="manage" />
                            </div>
                        </form>
                        <div id="formarea-bottom" class="clearfix">
                            <ul>
                                <li><a href="<?php echo site_url();?>reset-password">Lấy lại mật khẩu</a></li>
                                <li><a href="<?php echo site_url();?>register">Bạn chưa có tài khoản</a></li> 
                            </ul>
                        </div>
                    </div> <!-- /.formarea -->
                </div>

                <div id="promo-box" class="column">
                    <img src="<?php echo site_url() ?>assets/images/wicity-promo-1.jpg" width="614" a />
                </div> <!-- /#promo-box -->
            </div> <!-- /#content -->

            <footer id="footer" class="clearfix">
                <div id="footer-content">
                    <ul>
                        <li>Bản quyền thuộc về &copy; Wicity 2015</li>

                    </ul>
                </div>
            </footer>
        </div> <!-- /#container -->

    </body>
</html>

